<template>
  <div class="inventory">
    <van-nav-bar title="收藏" left-arrow color="red" @click-left="fh" />
    <div class="main">
      <div class="plate" @click="xuexi">
        <div class="pmain">
          <h4>呵呵哈哈哈呵呵哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈</h4>
          <p><b>视频</b><span>#个爱国</span></p>
        </div>
        <div class="pimg">
          <img src="../../assets/image/lc.jpg" alt="" />
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "inventory",
  created() {
    this.$store.commit("tabHide");
  },
  methods: {
    fh() {
      this.$router.go(-1);
    },
    xuexi() {
      this.$router.push({ name: "learner" });
    },
  },
};
</script>

<style lang="scss">
.inventory {
  display: flex;
  flex-direction: column;
  background-color: #f2f4f8;
  .van-nav-bar .van-icon {
    color: #666;
  }
  .main {
    background-color: #fff;
    flex: 1;
    .plate {
      display: flex;
      .pmain {
        flex: 1;
        color: #666;
        margin: 20px 10px;
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        h4 {
          font-size: 15px;
        }
        p {
          font-size: 12px;
          b {
            font-weight: 500;
            color: red;
            border: 1px solid red;
            display: inline-block;
            padding: 0 5px;
            border-radius: 10px;
            margin-right: 20px;
          }
          span {
            margin-right: 20px;
            color: #cecece;
          }
        }
      }
      .pimg {
        margin: 20px 10px;
        width: 100px;
        height: 100px;
        overflow: hidden;
        img {
          margin-left: -40px;
          display: block;
          min-width: 180px;
          height: 100%;
        }
      }
    }
  }
}
</style>